<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>焊客e家-发布需求</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/hk_issue.css">
	</head>

	<body>
		<div class="header innerHead">
			<div class="top">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家,</span>
						<a href="#" class="person">张三<span>（3）</span></a><i class="line"></i>
						<a href="#">退出</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/zndj1.png" alt=""></div>

				<div class="fr search">
					<ul class="navigation_bar" style="margin-top:20px;">
						<li>所在位置 : </li>
						<li><a href="index.html">首页</a><img src="images/arrow_right.png" alt=""></li>
						<li><a href="hk_zndj.html">智能对接</a><img src="images/arrow_right.png" alt=""></li>
						<li class="current"><a href="">详情</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="container ovw">
			<div class="content">
				<h3>发布对接需求，精准快速匹配</h3>
				<ul class="step">
					<li class="active">1.选择分类</li>
					<li class="mar">2.填写信息</li>
					<li >3.需求完成</li>
				</ul>

				<ul class="issue_list">
					<li>
						<div class="item ovw">
							<div class="fl img_box">
								<img  class="img1" src="images/icon_a1.png" alt="">
								<img class=" none img2" src="images/icon_a.png" alt="">
							</div>
							<div class="title_box">
								<input class="fr cb " type="checkbox">
								<p class="title">设备对接</p>
								<p class="describe">找设备、卖设备</p>
							</div>
						</div>
						<div class="category ovw">
								<span>发布内容</span>
								<a href="./hk_issue_2.html"><div class="fr label ">出租</div></a>
								<a href="./hk_issue_2.html"><div class="fr label">出售</div></a>
						</div>
					</li>
					<li>
						<div class="item ovw">
							<div class="fl img_box">
								<img  class="img1" src="images/icon_c1.png" alt="">
								<img class=" none img2" src="images/icon_c.png" alt="">
							</div>
							<div class="title_box">
								<input class="fr cb " type="checkbox">
								<p class="title">材料对接</p>
								<p class="describe">找材料、卖材料</p>
							</div>
						</div>
						<div class="category ovw">
								<span>发布内容</span>
								<a href="./hk_zndj_resume_info_seller.html"><div class="fr label ">出售</div></a>
								<a href="./hk_zndj_resume_info_buyer.html"><div class="fr label">求购</div></a>
						</div>
					</li>
					<li>
						<div class="item ovw">
							<div class="fl img_box">
								<img class="img1" src="images/icon_b1.png" alt="">
								<img class="none img2" src="images/icon_b.png" alt="">
							</div>
							<div class="title_box">
								<input class="fr cb " type="checkbox">
								<p class="title">技术对接</p>
								<p class="describe">技术一起共享</p>
							</div>
						</div>
						<div class="category ovw">
								<span>发布内容</span>
								<a href="./hk_jsfb.html"><div class="fr label">需求</div></a>
						</div>
					</li>
					<li>
						<div class="item ovw">
							<div class="fl img_box">
								<img class="img1" src="images/icon_d1.png" alt="">
								<img class="none img2" src="images/icon_d.png" alt="">
							</div>
							<div class="title_box">
								<input class="fr cb " type="checkbox">
								<p class="title">人才招募对接</p>
								<p class="describe">我是人才/我缺人才</p>
							</div>
						</div>
						<div class="category ovw">
								<span>发布内容</span>
								<a href="./hk_issue_2_1.html"><div class="fr label">招聘</div></a>
								<a href="./hk_zndj_resume_info.html"><div class="fr label">求职</div></a>
						</div>
					</li>
					<li>
						<div class="item ovw">
							<div class="fl img_box">
								<img class="img1" src="images/icon_e1.png" alt="">
								<img class="none img2" src="images/icon_e.png" alt="">
							</div>
							<div class="title_box">
								<input class="fr cb " type="checkbox">
								<p class="title">其他</p>
								<p class="describe">更多智能对接就在这里</p>
							</div>
						</div>
						<div class="category ovw">
								<span>发布内容</span>
								<!-- <div class="fr label">招聘</div>
								<div class="fr label">求职</div> -->
								<input class="fr ipt" type="text" placeholder="请输入发布内容">
						</div>
					</li>
				</ul>
				<div class="next"><a href="hk_issue_2.html" class="next_btn" href="">下一步</a></div>
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>

		
		<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript">
			$(function() {
				$(".cb").click(function(){
					// 所有都还原为初始状态
					$(".cb").prop("checked",false);
					$(".cb").parent().parent().next().hide();
					$(".label").removeClass("active");
					$(".cb").parent().parent().parent().css("background","#fff");
					$(".cb").parent().prev().find(".img2").hide();
					$(".cb").parent().prev().find(".img1").show();
					// 当前点击的为选中状态
					$(this).prop("checked",true);
					$(this).parent().parent().next().show();
					$(this).parent().parent().parent().css("background","#fafcfd");
					$(this).parent().prev().find("img").eq(0).hide();
					$(this).parent().prev().find("img").eq(1).show();
					
				});

				$(".label").click(function(){
					$(this).addClass("active").siblings().removeClass("active");
				});

			})
		</script>
	</body>

</html>